<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no"
          name="viewport">
    <title>已过审核-学术报告管理系统</title>
    <!-- Favicon and Touch Icons -->
    <link href="common/favicon.png" rel="shortcut icon" type="image/png">
    <link rel="stylesheet" href="background/modules/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="background/modules/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="background/modules/fontawesome/web-fonts-with-css/css/fontawesome-all.min.css">

    <link rel="stylesheet" href="background/modules/summernote/summernote-lite.css">
    <link rel="stylesheet" href="background/modules/flag-icon-css/css/flag-icon.min.css">
    <link rel="stylesheet" href="background/css/style.css">
    <link rel="stylesheet" href="common/css/xtiper.css">
    <link rel="stylesheet" href="common/datatable/dataTables.bootstrap4.min.css"/>
</head>

<body>
<div id="app">
    <div class="main-wrapper">
        <div class="navbar-bg"></div>
        <div th:replace="commons/admin-bar::navbar(currUri='pass')"></div>
        <div th:replace="commons/admin-bar::sidebar(currUri='pass')"></div>

        <div class="main-content">
            <section class="section">
                <h1 class="section-header">
                    <div><i class="ion ion-checkmark-circled"></i> 已过审核</div>
                    <div class="float-right">
                        <button disabled class="btn btn-sm btn-primary">等待排期：[[${waitCount}]]</button>
                        <button disabled class="btn btn-sm btn-success">开放预约：[[${appointingCount}]]</button>
                        <button disabled class="btn btn-sm btn-danger">会议完成：[[${finishCount}]]</button>
                    </div>
                </h1>
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="card mb-3">
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table id="example1"  class="table table-bordered table-hover display" style="text-align: center;">
                                        <thead>
                                        <tr>
                                            <th style="width: 10%">编号</th>
                                            <th style="width: 25%">标题</th>
                                            <th style="width: 20%">时间</th>
                                            <th style="width: 10%">报告人</th>
                                            <th style="width: 10%">手机号</th>
                                            <th style="width: 12%">状态
                                                <i class="fa ion-record" title="等待宣传部门安排会议" style="color: #9b59b6"></i>
                                                <i class="fa ion-record" title="正在预约会议中" style="color: #2ecc71"></i>
                                                <i class="fa ion-record" title="会议已完成" style="color: #95a5a6"></i>
                                            </th>
                                            <th>下载</th>
                                        </tr>
                                        </thead>
                                        <tbody style="font-size: 12px">
                                        <tr th:each="reportVo:${reportVos}">
                                            <td th:text="${reportVo.report.id}">

                                            </td>
                                            <td>
                                                <a style="font-weight: bold" href="javaScript:void(0)" th:text="${reportVo.report.title}"
                                                   th:onclick="previewReport([[${reportVo.report.title}]],
                                                                           [[${reportVo.report.info}]],
                                                                           [[${reportVo.report.reporterInfo}]],
                                                                           [[${reportVo.report.id}]],
                                                                           [[${reportVo.report.checkInfo1}]],
                                                                           [[${reportVo.report.checkInfo2}]],
                                                                           [[${reportVo.teacher.name}]],
                                                                           [[${reportVo.teacher.phone}]])"></a>
                                            </td>
                                            <td th:text="${#dates.format(reportVo.report.publishTime,'yyyy年MM月dd日 HH:mm:ss')}"></td>
                                            <td th:text="${reportVo.teacher.name}"> <i class="fa ion-record" style="color: #2ecc71"></i></td>
                                            <td th:text="${reportVo.teacher.phone}">
                                                <i class="fa ion-record" style="color: #2ecc71"></i>
                                            </td>
                                            <td>
                                                <span th:if="${reportVo.report.status == 2}" title="等待宣传部门安排会议" style="color: #9b59b6">等待排期 <i class="fa ion-record" style="color: #9b59b6"></i></span>
                                                <span th:if="${reportVo.report.status == 3}" title="正在预约会议中" style="color: #2ecc71">开放预约 <i class="fa ion-record" style="color: #2ecc71"></i></span>
                                                <span th:if="${reportVo.report.status == 4}" title="会议已完成" style="color: #95a5a6">会议完成 <i class="fa ion-record" style="color: #95a5a6"></i></span>
                                            </td>
                                            <th>
                                                <a title="下载报告文件" th:href="${reportVo.report.reportFile}" target="_blank" class="btn-link text-primary">报告</i></a>
                                                <span th:if="${reportVo.report.attachment != null}"> | </span>
                                                <a title="下载附件" th:if="${reportVo.report.attachment != null}" th:href="${reportVo.report.attachment}" target="_blank" class="btn-link text-primary">附件</i></a>
                                            </th>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div><!-- end card-->
                    </div>
                </div>
            </section>
        </div>

    </div>
</div>

<!--引入Jquery-->
<script src="common/js/jquery-3.4.1.js"></script>
<script src="background/modules/jquery.min.js"></script>
<script src="common/js/xtiper.min.js"></script>
<script src="background/js/custom.js"></script>
<script src="background/modules/popper.js"></script>
<script src="background/modules/tooltip.js"></script>
<script src="background/modules/bootstrap/js/bootstrap.min.js"></script>
<script src="background/modules/nicescroll/jquery.nicescroll.min.js"></script>
<script src="background/modules/scroll-up-bar/dist/scroll-up-bar.min.js"></script>
<script src="background/js/sa-functions.js"></script>
<script src="common/datatable/jquery.dataTables.min.js"></script>
<script src="common/datatable/dataTables.bootstrap4.min.js"></script>
<script>
    // START CODE FOR BASIC DATA TABLE
    $(document).ready(function() {
        $('#example1').DataTable({
            language: {
                "sProcessing": "处理中...",
                "sLengthMenu": "显示 _MENU_ 项结果",
                "sZeroRecords": "没有匹配结果",
                "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
                "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
                "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
                "sInfoPostFix": "",
                "sSearch": "搜索:",
                "sUrl": "",
                "sEmptyTable": "表中数据为空",
                "sLoadingRecords": "载入中...",
                "sInfoThousands": ",",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上页",
                    "sNext": "下页",
                    "sLast": "末页"
                },
                "oAria": {
                    "sSortAscending": ": 以升序排列此列",
                    "sSortDescending": ": 以降序排列此列"
                }
            },
            "aoColumnDefs": [ { "bSortable": false, "aTargets": [1,3,4,6 ]}],
            "order": [5, "desc"]
        });
    });
    // END CODE FOR BASIC DATA TABLE

    // START CODE FOR Child rows (show extra / detailed information) DATA TABLE

</script>
</body>
</html>